Imagen y color en body con un click : Gem@ BLOG

No sé si recordarán aquella entrada que trataba sobre la forma de invitar a los visitantes a cambiar el color de fondo de blog. Al mismo código le añadimos también una imagen tipo textura de forma que también podíamos cambiar la imagen de fondo.

Lo de hoy es algo muy parecido y responde a una consulta que llegó a mi bandeja de correo, se trata de conservar la imagen de fondo y que esta cambie de color.

Como la imagen tiene el fondo transparente facilita las cosas y aplicado a nuestro blog el bloque de colores quedaría en la sidebar pero el efecto sería en el body (fondo del blog)

Y el código para añadir en un gadget de HTML es el siguiente:


<table border="0" align="center" width="22%" "="" style="cursor:url('http://1.bp.blogspot.com/_q4j3j-ja2ro/sjk-wmzqhji/aaaaaaaalhm/lpvqdwrqyje/s200/icono_lupa.gif'), auto;"><tbody>
<tr> <td><span onmouseover="javascript:document.body.style.backgroundColor='#c96d77'; document.body.style.backgroundImage='url(URL-IMAGEN-DE-FONDO-PNG)';"><img border="1" src="http://4.bp.blogspot.com/-qVNaia9XWjE/TeV2vlHf4SI/AAAAAAAARNk/d_VUCzKwNV4/s1600/rosa-palopng.png" /></span></td> <td><span onmouseover="javascript:document.body.style.backgroundColor='#3f6dd9'; document.body.style.backgroundImage='url(URL-IMAGEN-DE-FONDO-PNG)';"><img border="1" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1iCQAlPPtbkqXxd4Jbtazdkzy7yOBDM7liTc_1tbJ49gV_xzTD1Qou5nRQJZaq_Op4pWH4KCVke5xRfWEMjRGCbvrAqTMU2qnJfunY65I1NlCdYM1FioGNBKJBLkcp4c7Mteb0Q/s320/blfondoazul.png" /></span></td> <td><span onmouseover="javascript:document.body.style.backgroundColor='#000000'; document.body.style.backgroundImage='url(URL-IMAGEN-DE-FONDO-PNG)';"><img border="1" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWS6DLn_NN63ybZKRwEpvmAJU4qIoQ6KaHjG4wPoojmBiwvWVeEmdqsKZkyc6KOfYWBKLGIC5MbG6SIFVlIY5lZENNRrYNGNedXVR3FW2NBYt4QBk3-Y6Oi9DjGZcGZKPvtM8Liw/s320/blfondonegro.png" /></span></td> <td><span onmouseover="javascript:document.body.style.backgroundColor='#98ffff'; document.body.style.backgroundImage='url(URL-IMAGEN-DE-FONDO-PNG)';"><img border="1" src="http://1.bp.blogspot.com/-_l6ow5hGsYk/TeVyPrYYHdI/AAAAAAAARNY/v5YgBZsTBJA/s1600/turquesa.png" /></span></td> <td><span onmouseover="javascript:document.body.style.backgroundColor='#FF962D'; document.body.style.backgroundImage='url(URL-IMAGEN-DE-FONDO-PNG)';"><img border="1" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzcf1WxWmcfw6dwqz65KYF3nCH5IuvB1fjQd2gtvNfnyxNnYuJCJBxQwi6ZT0qYMThjDsWCnB0zihxZFjvUn3UdURBghDd5NLvjPbi6gsgal0m9Ml3Gx86mXm7T74BzxX25uamvA/s320/blfondonaranja.png" /></span></td> </tr>
<tr> <td><span onmouseover="javascript:document.body.style.backgroundColor='#90d0a0'; document.body.style.backgroundImage='url(URL-IMAGEN-DE-FONDO-PNG)';"><img border="1" src="http://3.bp.blogspot.com/-FJtDqiGBsRE/TeVz2GAG3mI/AAAAAAAARNg/0Mty5cqg3bc/s1600/verde.png" /></span></td> <td><span onmouseover="javascript:document.body.style.backgroundColor='#ED1C24'; document.body.style.backgroundImage='url(URL-IMAGEN-DE-FONDO-PNG)';"><img border="1" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiT3ewyjeG6_eUxpb-Nt69G1cfly7kjn04wb3HfKV8Qq8vA0D0mQjGKzJCTUXajE-0ncn4MqAp5HzN2w-ptZz4U49UyjZEfK2_p_hNTmU7kVB7SmTDaEfv56jbTLV61yMIrTzrDyA/s320/blfondorojo.png" /></span></td> <td><span onmouseover="javascript:document.body.style.backgroundColor='#ffffff'; document.body.style.backgroundImage='url(URL-IMAGEN-DE-FONDO-PNG)';"><img border="1" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqSXLJLR5X-Q6XeyDSd1-ExPqF7aNYnU2GIDZf2-27IMY51YU1ur4lUd04ShMuCBvkd_VlQYge9wyCN9ISse2ftfwbZ18KKNQCEBXhpuPOxNThf-vsqk1MLNfBJAtQ75QKI-qpsQ/s400/blfondoblanco.png" /></span></td> <td><span onmouseover="javascript:document.body.style.backgroundColor='#FFCCCC'; document.body.style.backgroundImage='url(URL-IMAGEN-DE-FONDO-PNG)';"><img border="1" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGSykcOCGNDOBELVzcIzqCqks1fGFnhPlK_TC1y6zftBnPTNb8tP9mOkknZ5cw0yjNmyqkAGCxzx1JlH8cKJgqb2LBRZ6aBNUkr8kRJSGgby7dBIJnsQjQAzm2ntoG8CmvPC1A4g/s320/blfondorosa.png" /></span></td> <td><span onmouseover="javascript:document.body.style.backgroundColor='#ccb0e1'; document.body.style.backgroundImage='url(URL-IMAGEN-DE-FONDO-PNG)';"><img border="1" src="http://2.bp.blogspot.com/-qlyIkpS_8I8/TeVy7ilWDII/AAAAAAAARNc/IUveCL-rWvE/s1600/lila.png" /></span></td> </tr>
</tbody></table>

Añadiremos nuestra imagen de fondo en URL-IMAGEN-DE-FONDO-PNG

EpideMia: hola gema!!
te hago una pregunta.
yo soy de pasar bastante seguido por tu blog y estaba probando esto de "seguir blogs" con el escritorio de blogger. pero cuando quise agregar el tuyo me marca lo siguiente:
"La URL que has proporcionado no es válida. Has introducido: http://gemablog-.blogspot.com."

qué crees que puede ser??; 2.6.11
Beben Koben: nice background ;); 2.6.11
Gem@: :: EpideMia Blogger antes permitía el guión final en la url y a partir de no se sabe cuando decidió que el guión sólo sería permitido en el centro.
Como la url de mi blog tiene el guión final es como si me hubiera cerrado las puertas para algunas cosas, vamos qu ele faltó ponerme de patitas en la calle pero no lo hizo y a cambio de eso mi url no la toma por ejemplo para añadirla a seguidores :S
Me puedes seguir por Reader o suscribiendote vía mail no sé si de alguna forma más :(

:: Beben Koben me alegra que te guste :); 4.6.11